<template>
  <ul
    class="item-active flex justify-between items-center px-[15px] py-[10px] text-[14px] border-bottom text-[#999]"
  >
    <li class="flex-1 w-0">{{ item.Nickname || item.Name || "--" }}</li>
    <li class="flex-1 w-0 text-center">
      <amount :num="item.Balance" />
    </li>
    <li class="flex-1 w-0 text-center">
      <amount :num="item.BetAmount" />
    </li>
    <li class="flex-1 w-0 text-center">{{ item.LastNetAmount }}</li>
  </ul>
</template>
<script setup lang="ts">
type DetaimMo = GameTotalMo["Children"][0];

withDefaults(
  defineProps<{
    item: DetaimMo;
  }>(),
  {}
);
</script>
